<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			p{
				background: red;
			}
			div{
				width: 80px;
				height: 30px;
				background: brown;
				text-align: center;
				line-height: 30px;
				cursor: pointer;
			}
		</style>
	</head>
	
	<body>
		<input type="text" name="p01" id="p01" value="黑马" />
		<input type="button" name="" id="" value="" />
		<input type="submit" name="" id="" value="" />
		<p>分骄傲IF奖偶爱爱发动机哦啊减肥</p>
		<div class="div1">
			链式调用
		</div>
		<b> 1 </b>
		<div style="width: 150px;" class="div2">
			获取属性,获取内容
		</div>
		<img src="img/goods001.jpg" title="哈哈" />
	</body>
	<script type="text/javascript">
		$(".div1").click(function(){
			$("p").css("background","blue").fadeOut(1000).fadeIn(1000).hide(1000).show(1000)
			.animate({"height":"100px"}).animate({"width":"300px"},
			function(){$('p').html("盼盼! 么么哒")})
			
		})
//		$(".div2").click(function(){
//			console.log($("p").html("北京有重大好消息"))
//		})
		$(".div2").click(function(){
		
			$("img").prop({
				"scr":"img/goods005.jpg",
			})
		})
	</script>
</html>
